<!--
 @description 首页制造
 @fileName Produces.vue
 @author zengqiongying
 @created 2021/06/26 11:16:06
-->
<template>
  <div class="tab-subpage">
    <div class="sub-tab-title">
      <template v-for="(item,index) in pageTabs">
        <div :key="index" class="tab " :class="{'active':tabName===item.name}" @click="tabName = item.name"><span>{{ item.name }}</span></div>
      </template>
    </div>
    <div class="sub-tab-content">
      <tab-page :core-date="coreDate" :select-type="tabName" />
    </div>
  </div>
</template>

<script>
import TabPage from '@/components/produces/TabPage'
import { parseTime } from '@/utils'
export default {
  name: 'HomeProducesPage',
  components: { TabPage },
  props: {
    coreDate: {
      type: String,
      default: parseTime(new Date(), '{y}-{m}-{d}')
    }
  },
  data() {
    return {
      pageTabs: [
        { name: '板式' },
        { name: '实木' },
        { name: '沙发' },
        { name: '床垫' },
        { name: '定制' }
      ],
      tabName: '板式'
    }
  },
  computed: {

  },
  created() {

  },
  methods: {

  }
}

</script>
<style lang='scss' scoped>
</style>
